<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<canvas id="myCanvas" width="322" height="180" style="border:1px solid #C3C3C3;">
	Your browser does not support canvas element.
</canvas>
		<script type="text/javascript">
			var c = document.getElementById("myCanvas");
			var ctx = c.getContext("2d");
			ctx.lineWidth = 6;
			ctx.strokeStyle = "#163B62";
			ctx.beginPath();
			ctx.arc(70, 70, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#000000";
			ctx.beginPath();
			ctx.arc(160, 70, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#BF0628";
			ctx.beginPath();
			ctx.arc(250, 70, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#EBC41F";
			ctx.beginPath();
			ctx.arc(115, 110, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#198E4A";
			ctx.beginPath();
			ctx.arc(205, 110, 40, 0, Math.PI * 2, false);
			ctx.stroke();
		</script>

		<canvas id="myCanvas2" width="322" height="180" style="border:1px solid #C3C3C3;">
	Your browser does not support canvas element.
</canvas>
		<script type="text/javascript">
			var c = document.getElementById("myCanvas2");
			var ctx = c.getContext("2d");
			ctx.lineWidth = 6;
			ctx.strokeStyle = "#163B62";
			ctx.beginPath();
			ctx.arc(70, 70, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#000000";
			ctx.beginPath();
			ctx.arc(160, 70, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#BF0628";
			ctx.beginPath();
			ctx.arc(250, 70, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#EBC41F";
			ctx.beginPath();
			ctx.arc(115, 110, 40, 0, Math.PI * 2, false);
			ctx.stroke();
			ctx.strokeStyle = "#198E4A";
			ctx.beginPath();
			ctx.arc(205, 110, 40, 0, Math.PI * 2, false);
			ctx.stroke();

			ctx.strokeStyle = "#163b62";
			ctx.beginPath();
			ctx.arc(70, 70, 40, Math.PI * 1.9, Math.PI * 2.1, false);
			ctx.stroke();

			ctx.strokeStyle = "#000";
			ctx.beginPath();
			ctx.arc(160, 70, 40, Math.PI * 0.5, Math.PI * 0.6, false);
			ctx.stroke();
			ctx.beginPath();
			ctx.arc(160, 70, 40, Math.PI * 1.9, Math.PI * 2.1, false);
			ctx.stroke();

			ctx.strokeStyle = "#bf0628";
			ctx.beginPath();
			ctx.arc(250, 70, 40, Math.PI * 0.5, Math.PI * 0.6, false);
			ctx.stroke();
		</script>
	</body>

</html>